{if $is_logged == 0}
	{* Manual add jquery easy ui*}
	<script type="text/javascript" src="{$smarty.const.URL_FULL}js/jqueryEasyUI/jquery.easyui.min.js"></script>
	<link rel="stylesheet" type="text/css" href="{$smarty.const.URL_FULL}js/jqueryEasyUI/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="{$smarty.const.URL_FULL}js/jqueryEasyUI/themes/default/easyui.css">
{/if}
<link rel="stylesheet" type="text/css" href="{$smarty.const.BASE_URL}/modules/requestmodule/css/requestmodule.css" />
<script language="javascript" src="{$smarty.const.BASE_URL}/modules/requestmodule/js/requestmodule.js"></script>
<div class="requestmodule">
	{if $moduletitle != ""}<h1>{$moduletitle}</h1>{/if}
	{if $config->intro_message != "<p>&#160;</p>"}
	<div class="form_message">
		{$config->intro_message}
	</div>
	{/if}
	<div class="form_header">
		<p>
		- Vui lòng điền thông tin liên hệ của bạn vào form bên dưới và bấm vào nút <b>Hoàn tất</b><br>
		- Bạn cũng nên kiểm tra lịch biểu bên dưới để biết chính xác rằng chúng tôi có phòng trống trong thời gian bạn mong muốn đặt thuê.<br>
		- Doremi Shop sẽ liên hệ với bạn ngay khi nhận được yêu cầu đặt thuê phòng để xác nhận. Chúng tôi ưu tiên cho những bạn đăng ký trước.
		</p>
	</div>
	{* Form body - begin *}
	{form name=request_contact action=submit_request}
		<input type=hidden name="ajax_action" value="1">
		<div class="right_girl">
		</div>
		{control type=text name=fullname label="Họ và tên" size=70 class="required " value=$user_info->default_name}
		{control type=text name=phone label="Điện thoại liên lạc" size=70 class="required digits" value=$user_info->phone}
		{control type=text name=email label="Email của bạn" size=70 class="required email" value=$user_info->email}
	<table width="460" border="0">
		<tr>
			<td style="width: 95px;">
				<div id="typeControl" class="text control ">
					<label><span class="label">Ngày thuê</span></label>
					<input name="from_date" id="from_date" class="easyui-datebox" required="false" panelWidth="230" style="width: 88px;" value="{$from_date}"></input>
				</div>
			</td>
			<td style="width: 80px;">
				<div id="typeControl" class="text control ">
					<label><span class="label">Bắt đầu lúc</span></label>
					<input id="from_time" name="from_time" required="true" style="width:60px;" value="07:00">  
				</div>
			</td>
			<td >
				<div id="typeControl" class="text control ">
					<label><span class="label">Thời gian thuê (phút)</span></label>
					<input id="time_length" name="time_length" min="60" max="780" required="true" style="width:40px;" value=60>  
					<span id="time_length_span"></span>
				</div>
			</td>
			<td style="width: 140px;">
				<div id="typeControl" class="text control ">
					<label><span class="label">Phòng</span></label>
					<select id="cat_id" name="cat_id" class="easyui-combobox" style="width: 140px;" panelWidth=250>
						{foreach from=$cats item='cat'}
						<option value='{$cat->id}'>{$cat->name} - {$cat->cat_value_text}đ/giờ</option>
						{/foreach}
					</select>
				</div>
			</td>
		</tr>
	</table>
	<div class="text control">
		<label>
			<span class="label">Tổng tiền tạm tính: <span id="summary_span" class="label" style="font-weight: normal; display: inline; color: #505050; text-shadow: none;"></span></span>
			<input type="hidden" name="tien_tam_tinh" value="">
		</label>
	</div>
	<div id="typeControl" class="text control ">
		<label><span class="label">Ghi chú khác</span></label>
		<textarea name="other_comment" rows="3" class="control text" style="width: 450px;"></textarea>
	</div>
	<div class="control" align="left">
		 <input type="submit" class="button" value="Hoàn tất">
	</div>
	{/form}
	{* Because, we dont build form in normal way, we must call javascript validate*}
<script language='javascript'>
	var cats;
	{* backup category *}
		cats=[
		{foreach from=$cats item='cat' name='cat_loop'}
			{ldelim}
				id:{$cat->id},
				cat_value:{$cat->cat_value},
				cat_value_text: '{$cat->cat_value}'
			{rdelim}{if $smarty.foreach.cat_loop.last!=1},{/if}
		{/foreach}
		];
	{literal}
	jQuery(document).ready(function(){
		jQuery("#request_contact #phone, #request_contact #email, #request_contact fullname").css("width", "450px");
		jQuery('#request_contact').validate();
		{/literal}
		__AB_Requestmodule_Src("{$__loc->src}");
		{literal}
	});
</script>
{/literal}
</div>

{permissions level=$smarty.const.UILEVEL_PERMISSIONS}
	{if $permissions.manage == 1 || $permissions.approve == 1}
		<a href="{link action=manage}">Manage Request</a>
	{/if}
{/permissions}